// 排车图bar 不同的状态样式

// 空闲车辆
.tag_0 {
  border: 1px solid #f2f2f3;

  &::before {
    content: none;
  }
}

// 线下订单占用
.tag_1 {
  .tag-style(#d8f3bd, #98cf60)
}

// 渠道订单占用
.tag_2 {
  .tag-style(#d1e9ff, #3fafff)
}

// 逾期未还
.tag_4 {
  .tag-style(#efeaff, #6352ff)
}

// 车辆冲突
.tag_5 {
  .tag-style(#fdedef, #ff4f65)
}

// 6:丢失
.tag_6 {
  .tag-style(#f2f2f3, #8790a3);
}

// 订单占用
.tag_10 {
  .tag-style(#d8f3bd, #98cf60)
}

// 其他标签
// 7:临时占用
.tag_7 {
  .tag-style(#DCEEFF, #1890FF)
}
// 维修、保养、年检,
.tag_3 {
  .tag-style(#DCEEFF, #1890FF)
}

// 8:已借出
.tag_8 {
  .tag-style(#DCEEFF, #1890FF)
}

// 9:借出未还
.tag_9 {
  .tag-style(#DCEEFF, #1890FF)
}

// 使用LESS混入来减少代码重复
.tag-style(@bg-color, @before-color) {
  background-color: @bg-color;

  &::before {
    background-color: @before-color;
  }
}